﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="OmegapointWeb.login" Codebehind="login.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8"> 

		<script type="text/javascript" src="Scripts/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="Scripts/jquery.mobile-1.3.0.min.js"></script>
		<script type="text/javascript" src="Scripts/AppManager.js"></script>
		
		<link type="text/css" media="screen" rel="stylesheet" href="Styles/jquery.mobile-1.3.0.css"/>
		<link type="text/css" media="screen" rel="stylesheet" href="Styles/bootstrap.css"/>
		<link type="text/css" media="screen" rel="stylesheet" href="Styles/bootstrap-responsive.css"/>
		<link type="text/css" media="screen" rel="stylesheet" href="Styles/jquery.mobile-1.3.0.css"/>
		<link type="text/css" media="screen" rel="stylesheet" href="Styles/global.css"/>
		

		<title>Omegapoint AB Robera</title> 
	</head>

	<script>
	    var app = new AppManager();

	    //we need this to prevent the page from moving down 1 pixel on page-transitions
	    $(function () {
	        $.mobile.defaultHomeScroll = 0;
	    });
	</script>	

	<body>
		<div data-role="page" id="login-page">
			<div data-role="content">
				<div class="logo"></div>
				<form runat="server" class="form-signin">
					<h2 class="form-signin-heading">Please sign in</h2>
			        <input id="tbLogin_Username" type="text" class="input-block-level" placeholder="Username"/>
			        <input TextMode="Password" id="tbLogin_Pass" type="password" class="input-block-level" placeholder="Password"/>
                    <input type="button" id="btnSignin" value="Sign in" style="width: 100%;" data-theme="a" class="btn btn-large btn-primary" onclick="app.login();" data-transition="slide" />
        			<div class="seperator"></div>
        			<a href="resetpass.aspx">Glömt lösenordet?</a>
				</form>
			</div>
		</div>
	</body>
</html>